<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>couponproduct</title>
  <!-- @@include ./template/link.html -->
  <link rel="stylesheet" href="./css/couponproduct.min.css" />
</head>

<body>
  <header class="countheader">
    <div class="fl logo">
      <a href="javascript:;">优惠券</a>
    </div>
    <div class="fr app">
      <a href="javascript:;">
        <img src="./images/header_app.png" alt="" />
      </a>
    </div>
  </header>
  <div class="content">
    <div style="font-size: 12px; text-align: center; color: rgb(153, 153, 153); margin: 8px 0px;">
      --点餐前出示手机中的优惠券，即可享受优惠--
    </div>
    <ul>
      <li><a href="#"></a></li>
    </ul>
  </div>
  <main class="rec-product">
    <ul class="pro-list clearfix">
      <li>
        <a href="javscripte:;">
          <div class="pic fl">
            <img src="{{ v.productImgLg.src }}" alt="{{ v.productName }}" />
          </div>
          <div class="info">
            <div class="title">
              <p>有效期至10月31日有效期至10月31日</p>
            </div>
            <div class="price">¥ 10.9</div>
            <div class="other">
              有效期至10月31日
            </div>
          </div>
        </a>
      </li>
      <li>
        <a href="javscripte:;">
          <div class="pic fl">
            <img src="{{ v.productImgLg.src }}" alt="{{ v.productName }}" />
          </div>
          <div class="info">
            <div class="title">
              <p>有效期至10月31日有效期至10月31日</p>
            </div>
            <div class="price">¥ 10.9</div>
            <div class="other">
              有效期至10月31日
            </div>
          </div>
        </a>
      </li>
      <li>
        <a href="javscripte:;">
          <div class="pic fl">
            <img src="{{ v.productImgLg.src }}" alt="{{ v.productName }}" />
          </div>
          <div class="info">
            <div class="title">
              <p>有效期至10月31日有效期至10月31日</p>
            </div>
            <div class="price">¥ 10.9</div>
            <div class="other">
              有效期至10月31日
            </div>
          </div>
        </a>
      </li>
    </ul>
  </main>
  <script src="./js/couponproduct.min.js"></script>
  <script type="text/html" id="tmp">
        {{each result v i}}
        <li>
          <a href="javascript:;">
          <div class="pic fl">
              <img src="{{ v.couponProductImg.src }}" alt="{{ v.couponProductImg.alt }}" />
          </div>
          <div class="info">
              <div class="title">
              <p>{{v.couponProductName}}</p>
              </div>
              <div class="price">{{v.couponProductPrice}}</div>
              <div class="other">
              {{v.couponProductTime}}
              </div>
          </div>
          </a>
      </li>
      {{/each}}
    </script>
</body>

</html>